.widget-nav { position:relative; z-index:10;}
.widget-nav > ul > li { width:20%; float:left; position:relative;}
.widget-nav > ul > li > a { display:block; text-align:center; font-size:14px; height:50px; line-height:50px; font-weight:bold;}

/*下拉css*/
.widget-nav li .nav_layer10{ position:absolute; top:40px; left:0;width: 100%; display:none;}
.widget-nav li .nav_layer10 li{ width:100%; float:none; text-align:center;}
.widget-nav li .nav_layer10 li a{ background-color:${backgroundColor.value}; color:${textColor.value};font-size: ${fontSize.value};display: block;line-height: 30px;text-align:center; position:relative;}
.widget-nav li .nav_layer10 li:hover a{ color:${hoverColor.value};background-color:${hoverBackgroundColor.value};}
.widget-nav li .nav_layer10 li a i{ display:none; width:0; height:0; border-color:transparent transparent transparent #facd00; border-style:dashed dashed dashed solid; border-width:4px; overflow:hidden; position:absolute; right:15px; top:10px;}
.widget-nav li .nav_layer10 li:hover a i{ display:block;}
.widget-nav li .nav_layer10 li.secNav{ position:relative;}
.widget-nav li .nav_layer10 li.secNav ul{left:100%; top:0; background-color:#414141;position: absolute;
width: 100%; display:none;}
.widget-nav li .nav_layer10 li.secNav li a{color:${textColor.value};}
.widget-nav li .nav_layer10 li.secNav li:hover a{color:${hoverColor.value};}


.widget-nav .hover > a { color:#0080cc;}
.widget-nav .hover ._layer { display:block;}
.mobile_key { display:none;}
@media only screen and (max-width: 640px) {
.mobile_key { display:block;}
.widget-nav li .nav_layer10 li a i{ display:none!important;}
}
